<template>
  <div id="app">
    <navber></navber>

    <div>
      <!-- 路由模拟与底边导航栏 -->
      <tabbar></tabbar>
      <div style="border-style:dashed">
       <!--  router路由的插槽    --router内的index.js路由注册文件   类似热更新-->
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
Vue.config.productionTip = false
// import Navber from '../../mycli01/src/components/Swipers/Navber.vue'
import navber from './components/Swipers/Navber.vue'
import tabbar from './components/tabbar.vue'

// 导入Vant 此支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);


export default {
  components: { navber,tabbar },
  
}
</script>

<style lang="scss">
#app {
  text-align: center;
  color: #2c3e50;
  padding-bottom: 52px;
}


</style>
